<%# helper/header_simple.html %>
<div class="main-container" id="main-container">

    <!--<div id="header" class="header-menu-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide active-nav">
                最新
            </div>
            <div class="swiper-slide">
                型百科
            </div>
            <div class="swiper-slide">
                热点
            </div>
        </div>
    </div>-->
    <div class="content-item">
        <div class="lists" id="pedia-list" temId="j-tmpl-pedia">

            <% this.pedialist.list.forEach(function(info,index){ %>
                <% if(index == 0){ %>
                    <a class="item" href="veryside://link?type=<%= info.type %>&id=<%= info.id %>">
                        <div class="index-img lazy" data-original="<%= info.thumb %>"></div>
                        <div class="img-des-block">
                            <p><%= info.tag %></p>
                            <p><%= info.title %></p>
                        </div>
                    </a>
                <% }else{ %>
                    <a class="item" href="veryside://link?type=100&t=<%= info.type || 1 %>">
                        <div class="index-img lazy" style="opacity: 1; transition: opacity 0.2s linear 0s; background-image: url('<%= info.img %>');"></div>
                        <div class="img-tag">
                            <p><%= info.title %></p>
                        </div>
                    </a>
                <% } %>

            <% }) %>
        </div>
    </div>

</div>

<script id="j-tmpl-pedia" type="text/template">
    {{ for(var i = 0; i < it.list.length; i++){ }}
    <a class="item" href="veryside://link?type={{=it.list[i].type || 10}}&id={{=it.list[i].id || 1}}">
        <img class="index-img" src="{{=it.list[i].img}}" alt=""/>
        <div class="img-des-block">
            <p>{{=it.list[i].title}}</p>
            <p>{{=it.list[i].tag}}</p>
        </div>
    </a>
    {{ } }}

</script>

<script id="j-tmpl-pedia-refresh" type="text/template">
    {{ for(var i = 0; i < it.list.length; i++){ }}
    <a class="item" href="veryside://link?type={{=it.list[i].type || 10}}&id={{=it.list[i].id || 1}}">
        <img class="index-img" src="{{=it.list[i].img}}" alt=""/>
        <div class="img-des-block">
            <p>{{=it.list[i].title}}</p>
            <p>{{=it.list[i].tag}}</p>
        </div>

    </a>
    {{ } }}
</script>



<%# helper/footer.html %>
